<!DOCTYPE html>
<html>
	<!--form标签:-->
	<!--action提交的连接地址-->
	<!--method="get.post"-->
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
		<link rel="stylesheet" 
		      href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
		<style>
			body{
				width: 280px;
				border: 2px #8B0000;
			}		
		</style>
	</head>
	<body>
		<form action="post">
			<h1>学生信息管理系统</h1>
			<table >
				<tr>
					<div>
						<td width="50">
							<label>姓名 : </label>
						</td>
						<td width="230">
							<input type="text" name="name" id="name"/>
						</td>
					</div>	
				</tr>
				<tr>
					<div>
						<td>
							<label>年龄 : </label>
						</td>
						<td>
							<input type="number" name="age" id="age"/>
						</td>
					</div>	
				</tr>
				<tr>
					<div>
						<td>
							<label>性别 : </label>
						</td>
						<td>
							<!--单选-->
							<input type="radio" name="sex" id="sex" value="男"/>
							<label>男 &nbsp &nbsp &nbsp </label>
							<input type="radio" name="sex" id="sex" value="女"/>
							<label>女</label>
						</td>
					</div>	
				</tr>
				<tr>
					<div>
						<td valign="top">
							<label>偏好:</label>
						</td>
						<td>
							<!--多选-->
							<input type="checkbox" value="运动" name="prefer" id="prefer"/>
							<label>运动</label>
							<input type="checkbox" value="摄影" name="prefer" id="prefer"/>
							<label>摄影</label>
							<input type="checkbox" value="宠物" name="prefer" id="prefer"/>
							<label>宠物</label>
							<br/>
							<input type="checkbox" value="娱乐" name="prefer" id="prefer"/>
							<label>娱乐</label>
							<input type="checkbox" value="阅读" name="prefer" id="prefer"/>
							<label>阅读</label>
							<input type="checkbox" value="影视" name="prefer" id="prefer"/>
							<label>影视</label>
						</td>
					</div>	
				</tr>
				<tr>
					<div>
						<td>
							<label>学历 : </label>
						</td>
						<td>
						ootstrap/3.3.7/css/bootstr	<!--下拉选择-->
							<select name="edu">
								<option value="0">请选择学历</option>
								<option value="1">小学</option>
								<option value="2">高中</option>
								<option value="3">大专</option>
								<option value="4">本科</option>
								<option value="5">研究生及以上</option>
							</select>
						</td>
					</div>	
				</tr>
				<tr>
					<div>
						<td colspan="2">
						<input type="button" name="save" value="保存"/>
						<button type="button" > 取消</button>
						</td>
					</div>
				</tr>
			</table>
			
				
		</form>
	</body>
</html>
